
<div id="search_res">
    <h1 style="text-align: center;">{list_product_title} {CatName}</h1>

    <div class="tools">
        <a style="text-decoration:none; color:#000;" 
           href="{url_add}" 
           onclick="return hs.htmlExpand(this, {
               objectType: 'iframe', width: 900, 
               creditsPosition: 'bottom left', 
               headingEval: 'this.a.title',
               wrapperClassName: 'titlebar' } )" 
           title="{add_new}">
            <input type="button" id="but_add_new" class="but_login" value=" {add_new} " /></a>
        <input type="button" id="but_show" disabled="disabled" class="but_tool butx" value=" {show} "  onclick="processChecked('show')" />
        <input type="button" id="but_hide" disabled="disabled" class="but_tool butx" value=" {hide} " onclick="processChecked('hide')" />
        <input type="button" id="but_del" disabled="disabled" class="but_tool butx" value=" {del} " onclick="processChecked('del')" />
        <input type="button" id="but_delete" disabled="disabled" class="but_tool butx" value=" {delete} " onclick="processChecked('delete')" />
    </div>

    <div class="paging"> 
        <div class="search-wrapper">
            <label>
                <input type="text" 
                       class="inputTextStyle01" 
                       id="search" name="search" 
                       value="{key}"
                       onkeypress ="Search('press',{cur})"  
                       onfocus="this.value = this.value;" />
            </label> 
            <input value="{tim}" type="button" class="buttonStyle01" id="bt_search" name="bt_search" onclick="Search('click',{cur})" />
        </div>  
        {paging}  
    </div>
    <div class="div_submenu">

        <select id="submenus" onchange="Search('click',{cur})">
            <option name="id_submenu" value="0">{tat_ca}</option>
            {data_select}
        </select>

    </div>
    <table class="tbl_cms" width="100%" border="1" cellspacing="0" cellpadding="0">
        <!--Tieu De Bang-->
        <tr class="tbl_header">
            <td class="cell_1" style="cursor:pointer;" title="{title_1}"><input onclick="checkAll()" name="all" type="checkbox" value="all" /></td>
            <td class="cell_5">{title_4}</td>
            <td class="cell_2">{title_2}</td>
            <td class="cell_3">{title_3}</td>
        </tr>
        <!--Noi Dung Bang-->
        [OPEN htmlproduct]
        [LOOP submenu]
        <option name="id_submenu" value="{ID}" {sel_select}>{CatName}</option>
        [/LOOP submenu]
        [LOOP product]
        <tr class="tbl_content tr{ID} class_{Status}">
            <td class="cell_1"><input name="delId[]" type="checkbox" value="{ID}" /></td>
            <td class="cell_4" title="{SeoKey}">
                <a href="{url_edit}{id}" 
                   onclick="return hs.htmlExpand(this, {
                   objectType: 'iframe', width: 900, 
                   creditsPosition: 'bottom left', 
                   headingEval: 'this.a.title',
                   wrapperClassName: 'titlebar' } )" 
                   title="{edit}: {Name} ">{title_4}</a></td>
            <td class="cell_2" title="{SeoKey}"><span>{Name}</span></td>
            <td class="cell_3 status{ID}">{{Status}}</td>
        </tr>
        [/LOOP product]
        [CLOSE htmlproduct]
    </table>
    <div class="paging">{paging}</div>
</div>